<template>
    <div class="text-tooltip">
    <!-- <iframe src="../../../assets/oyhallC/A2shop_images/introductionvideo.webm" type="video/mp4" allow="autoplay" id="video" style="display:none"></iframe> -->
     <iframe src="http://player.bilibili.com/player.html?aid=6117110&cid=9931722&page=1" type="video/mp4" allow="autoplay" id="audio"></iframe>
    <!--<iframe src="../../../assets/oyhallC/A2shop_images/introductionvideo.webm" quality="high" width="480" height="400"  type="audio/mp3"></iframe> -->
    <iframe src="https://cross-origin.com/myvideo.html" allow="autoplay"></iframe>
    <video
      class="video"
      ref="myVideo"
      id="video"
      src="../../assets/introductionvideo.webm"
      type="video/mp4"
      autoplay
      controls
      loop="infinite"
      style="height: 300px;width: 300px;"
    ></video>
    </div>
  </template>
  
  <script>
  //控制宽度展示tooltip的组件
  export default {
    name: "textTooltip",
    props: {
      
    },
    data() {
      return {

      };
    },
    methods: {
    
    },
  };
  </script>
  
  <style lang="scss" scoped>
  .over-flow {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  </style>
  